.coupon-container {
  .my-coupon {
    .el-dialog {
      padding: 0;
      .el-dialog__header {
        margin: 0 20px;
      }
      .el-dialog__body {
        padding: 20px 0;
      }
    }
    .footer {
      padding: 20px 20px 0;
    }
    .list {
      height: 500px;
      overflow: auto;
      .item {
        height: 150px;
        width: 100%;
        box-sizing: border-box;
        padding: 20px 24px 30px;
        position: relative;
        .bg {
          position: absolute;
          top: -10px;
          left: 0px;
          width: 100%;
        }
        .left , .right {
          position: relative;
        }
        .left {
          width: 141px;
          margin-right: 20px;
          text-align: center;
          &:after {
            content:"";
            top: 8px;
            bottom: 8px;
            border-right: 1px dashed #ccc;
            position: absolute;
            right: 0;
          }
          .money {
            @include font_color();
            font-weight: bold;
            font-size: 16px;
            span {
              font-size: 36px;
            }
          }
        }
        .right {
          padding-right: 20px;
          flex: 1;
          justify-content: space-between;
          position: relative;
          .label {
            @include wh(44, 18);
            font-size: 12px;
            @include flex_center();
            color: $-color-orange;
            background: rgba($-color-orange, 0.2);
          }
          .icon {
            position: absolute;
            right: 0;
            top: 0;
          }
        }
      }
    }
  }
  .giving-model {
    background: transparent;
    .el-dialog {
      color: #333;
      padding: 0;
      @include theme_each {
        background: linear-gradient(360deg, #fff 11%, get_color('linear_color') 100%);
      }
      position: relative;
      .el-dialog__body {
        padding: 16px;
        .icon-close {
          position: absolute;
          right: 16px;
          top: 16px;
          font-size: 22px;
          cursor: pointer;
        }
        .header {
          color: #fff;
          font-size: 18px;
          text-align: center;
          margin-top: 20px;
          .label {
            padding: 0 4px;
            height: 20px;
            font-size: 12px;
            border-radius: 2px;
            background: rgba(255,255,255,.3);
            color: #FE671D;
            @include flex_center();
          }
          .input {
            background: rgba(255,255,255,0.6);
            border-radius: 4px;
            padding: 4px 12px;
            display: flex;
            margin-top: 20px;
            input {
              outline: none;
              border: none;
              width: 100%;
              flex: 1;
              margin-right: 10px;
              background: transparent;
            }
          }
        }
        .content {
          .list {
            background: rgba(255,255,255,0.6);
            max-height: 250px;
            overflow: auto;
            border-radius: 4px;
            &::-webkit-scrollbar{
              width: 0;
            }
            .item {
              padding: 10px;
            }
          }
        }
      }
    }
  }

  .confirm-giving-model {
    background: transparent;
    .el-dialog {
      color: #333;
      padding: 0;
      @include theme_each {
        background: linear-gradient(360deg, #fff 11%, get_color('linear_color') 100%);
      }
      position: relative;
      .el-dialog__body {
        padding: 16px;
        .icon-close {
          position: absolute;
          right: 16px;
          top: 16px;
          font-size: 22px;
          cursor: pointer;
        }
        .header {
          color: #fff;
          font-size: 18px;
          text-align: center;
          margin-top: 20px;
          .label {
            padding: 0 4px;
            font-size: 12px;
            height: 20px;
            border-radius: 2px;
            background: rgba(255,255,255,.3);
            color: #FE671D;
            @include flex_center();
          }
        }
        .el-button {
          width: 100%;
        }
      }
    }
  }
}


